@charset 'UTF-8';

.container {
    width: 1200px;
    margin: 0 auto;
}



@media screen and (min-width:1000px) {
    .ours_warp {
        .main_pic {
            img {
                width: 100%;
                height: auto;
            }
        }

        .main_pic_b {
            .container {
                .cons {
                    .title {
                        h2 {
                            font-size: 26px;
                            margin-top: 50px;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #ccc;
                            color: #6e7276;
                        }
                    }

                    .con {
                        padding: 50px 0;
                        height: 500px;
                    }
                }
            }
        }

        .phone {
            ul {
                overflow: hidden;

                li {
                    float: left;
                    width: 33.33%;
                    padding: 20px 0;
                    border-bottom: 1px solid #ddd;

                    p {
                        font-size: 17px;
                        color: #024199;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: calc(100vw/7.5);
    }
    .container {
        width: 355px;
        margin: 0 auto;
        overflow: hidden;
    }

    .ours_warp {
        overflow: hidden;
        .main_pic {
            position: relative;
            img {
                position: absolute;
                height: 150px;
                width: auto;
                left: 50%;
                margin-left: -365px;
            }
        }

        .main_pic_b {
            .container {
                .cons {
                    .title {
                        h2 {
                            margin-top: 50px;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #ccc;
                            color: #6e7276;
                        }
                    }

                    .con {
                        padding: 50px 0;
                        height: 500px;
                    }
                }
            }
        }

        .phone {
            ul {
                overflow: hidden;

                li {
                    float: left;
                    width: 50%;
                    padding: 10px 0;
                    border-bottom: 1px solid #ddd;

                    p {
                        font-size: 19px;
                        margin-bottom: 0;
                        color: #024199;
                    }
                }
            }
        }
    }
}